<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>click</button>
    <script>
        //定义一个处理点击事件的处理函数
       const handleClick = ()=>{
        console.log('clicked');
       }; 
       const button = document.querySelector('button');
       //当我点击body的时候，执行对应的handleClick方法
       button.addEventListener('click',handleClick);
       /* setTimeout(()=>{
        //3秒后移除body元素上点击事件的监听函数
        button.removeEventListener('click',handleClick);
       },3000) */
       //创建一个事件对象，它的类型是click
       const event = new Event('click');
       //派发此事件，或者说触发此事件
       button.dispatchEvent(event);
    </script>
</body>
</html>